<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <title>Date picker test</title>
    <!--jquery-->
    <script src="asserts/js/jquery-3.2.1.slim.min.js" th:src="@{asserts/js/jquery-3.2.1.slim.min.js}"></script>

    <!--bootstrap-->
    <link href="asserts/css/bootstrap.min.css" rel="stylesheet" th:href="@{asserts/css/bootstrap.min.css}"
          type="text/css">
    <script src="asserts/js/bootstrap.min.js" th:src="@{asserts/js/bootstrap.min.js}"></script>

    <!--bootstrap-datepicker-->
    <script src="asserts/js/bootstrap-datepicker.js" th:src="@{asserts/js/bootstrap-datepicker.js}"></script>
    <link href="asserts/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"
          th:href="@{asserts/css/bootstrap-datepicker3.min.css}">
    <script src="asserts/js/bootstrap-datepicker.zh-CN.min.js"
            th:src="@{asserts/js/bootstrap-datepicker.zh-CN.min.js}"></script>
    <script type="text/javascript">
        $(function () {
            $(".date").datepicker({
                format: 'mm/dd/yyyy',
                startDate: '-3d'
            });
        });
    </script>
</head>
<body>
<div class="input-group date col-md-4" data-provide="datepicker" id="data1">
    <label for="birth"> 请输入日期
        <input class="form-control" id="birth" type="text">
    </label>
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>
</body>
</html>